<!doctype html>
<html>
<head>
<meta charset="utf-8">
    <title>消息管理</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">     
    <meta content="yes" name="apple-mobile-web-app-capable">     
    <meta content="black" name="apple-mobile-web-app-status-bar-style">     
    <meta content="telephone=no" name="format-detection">
    <link rel="shortcut icon" href="/favicon.ico">
    <link rel="stylesheet" type="text/css" href="/H5/css/sm.min.css" />
    <link rel="stylesheet" type="text/css" href="/H5/css/reset.css" />
    <link rel="stylesheet" type="text/css" href="css/message.css?v=2" />
</head>            
<body>
	<div class="page-group ms-controller" :controller="message">
        <div class="page page-current">
            <header class="bar bar-nav">
              	<a class="icon icon-left pull-left" href="javascript:window.history.go(-1);"></a>
              	<a class="icon icon-home pull-right" href="/H5"></a>
              	<h1 class="title">消息管理</h1>
            </header>
            <div class="content visibility">
                <div class="message_first">
                    <a :attr="{'href':'/H5/messagelist?type='+el.type}" :for="el in @list">
                    	<div class="reddot" :visible="el.is_read==0"></div>
                    	<img :attr="{'src': el.type==0?'images/kefu.jpg':el.type==1?'images/wuliu.jpg':'images/caifu.jpg' }"/>
                        <div class="message_main_right">
                        	<P>
                            	<b>{{el.type_label}}</b>
                            	<span>{{el.create_time}}</span>
                            </P>
                            <div>{{el.content}}</div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
<script type='text/javascript' src='/H5/js/zepto.min.js' charset='utf-8'></script>
<script type='text/javascript' src='/H5/js/sm.min.js' charset='utf-8'></script>
<script type='text/javascript' src='/H5/js/avalon.js' charset='utf-8'></script>
<script type='text/javascript' src='/H5/js/simpleStorage.js' charset='utf-8'></script>
<script type='text/javascript' src='/H5/js/mall.js?v=10' charset='utf-8'></script>
<script>
	var message = avalon.define({
		$id: "message",
		list: [],
		getArticle: function( t ){
			Mall.request( "/api/NoticeCenter" )
				.always( function( data ){
					if( data.error_code == 0 ){
						message.list = data.data.list;
					}
					$( ".content" ).removeClass( "visibility" );
				} )
		}
	})
	message.getArticle();
	avalon.scan( document.body )
</script>
</body>
</html>